:root {
	--editor-transition-duration: .3s;
	--back-color: #f5f6fa;
	--back-color-dark: #d7ddf3;
	--fore-color: #404454;
	--fore-color-light: #575e7a;
	--fore-color-lighter: #666e8f;
	--fore-color-dark: #1f253d;
	--fore-color-darker: #060709;
	--scrollbar-back-color: #e0e4f6;
	--scrollbar-fore-color: #666e8f;
	--edit-color-color: #000a16;
	--edit-blue: #0ba0ff;
	
	
	  --animate-duration: 800ms;
	  --animate-delay: 0.9s;
	  
}

body {
    margin: 0;
    padding: 0;
    font: 12px/1.5 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background: #15202b;
    background: #101010;
    background-size: 200%;
    --size: 550px;
    overflow: hidden;
    background-image: linear-gradient(#030f21, #000)
}


body::-webkit-scrollbar {
    display: none;
}


::-webkit-scrollbar  
{  
	display: none;
}
  

@keyframes Gradient-hue {
    from {
        -webkit-filter: hue-rotate(0deg)
    }

    to {
        -webkit-filter: hue-rotate(-360deg)
    }
}

@keyframes showit {
    to {
        transform: translate(0, 0)
    }
}

@keyframes hideit {
    from {
        transform: translate(0, 0)
    }

    to {
        transform: translate(-100%, 0)
    }
}

@keyframes hideit2 {
    from {
        transform: translate(0, 0)
    }

    to {
        transform: translate(110%, 0)
    }
}